/* 自定义css库 */
/* 使用自定义名称简化开发量 */
.flex{
	display: flex;
}

/* 划线 */
.blb{
	border: #007AFF 3rpx solid;
}

.blr{
	border: #ff0000 3rpx solid;
}


/* padding内间距 */
.pl1{
	padding-left: 10rpx;
}
.pl2{
	padding-left: 20rpx;
}

.pr1{
	padding-right: 10rpx;
}
.pr2{
	padding-right: 20rpx;
}
.pt1{
	padding-top: 10rpx;
}
.pt2{
	padding-top: 20rpx;
}

.pb1{
	padding-bottom: 10rpx;
}
.pb2{
	padding-bottom: 20rpx;
}

/* 字体 */
.font_bold{
	font-weight: bold;
}

/* 顶部导航栏取消需要防止顶部被页面覆盖 */
  .status_bar {
      height: var(--status-bar-height);
      width: 100%;
  }
  
  .mr2{
	  margin-right: 20rpx;
  }
  .ml2{
  	  margin-left: 20rpx;
  }
  .mt2{
  	  margin-top: 20rpx;
  }
  .mb2{
  	  margin-bottom: 20rpx;
  }
  
  .mr1{
  	  margin-right: 10rpx;
  }
  .ml1{
  	  margin-left: 10rpx;
  }
  .mt1{
  	  margin-top: 10rpx;
  }
  .mb1{
  	  margin-bottom: 10rpx;
  }
  
  
  .mr3{
  	  margin-right: 30rpx;
  }
  .ml3{
  	  margin-left: 30rpx;
  }
  .mt3{
  	  margin-top: 30rpx;
  }
  .mb3{
  	  margin-bottom: 30rpx;
  }
  
  
  .mr4{
  	  margin-right: 40rpx;
  }
  .ml4{
  	  margin-left: 40rpx;
  }
  .mt4{
  	  margin-top: 40rpx;
  }
  .mb4{
  	  margin-bottom: 40rpx;
  }
  